<template>
    <el-tabs v-model="activeName" type="card">
        <el-tab-pane label="HPV考勤" name="1">
            <hpvattendance></hpvattendance>
        </el-tab-pane>
        <el-tab-pane label="HPV工厂月" name="2">配置管理</el-tab-pane>
        <el-tab-pane label="HPV工厂周" name="3">角色管理</el-tab-pane>
        <el-tab-pane label="HPV部门月" name="4">定时任务补偿</el-tab-pane>
        <el-tab-pane label="HPV部门周" name="5">定时任务补偿</el-tab-pane>
        <el-tab-pane label="OPR月" name="6">定时任务补偿</el-tab-pane>
        <el-tab-pane label="OPR周" name="7">定时任务补偿</el-tab-pane>
        <el-tab-pane label="OPR损失" name="8">定时任务补偿</el-tab-pane>
    </el-tabs>
</template>
<script>

import hpvattendance from "./data/hpv_attendance";
export default {
    components: {
        hpvattendance
    },
    data() {
        return {
            activeName: '1'
        };
    },
    methods: {
        handleClick(tab, event) {
            console.log(tab, event);
        }
    }
};
</script>